<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.box{
				width: 400px;
				height: 400px;
				background: red;
			}
		</style>
		<script type="text/javascript">
			$(function(){
				$('.box').click(function(){
//					获取元素属性
					var cc = $(this).attr('style')
					console.log(cc)
//					设置元素属性
					$(this).attr('dd','123')
//					移除属性
					$(this).removeAttr('style')
//					没有这个class就添加 有就删除
					$(this).toggleClass('qwe');
//					获取当前元素里面所有的内容
					var html = $(this).html()
//					设置元素里面的内容  但是会覆盖元素里面原本的东西
					 $(this).html('<h1>贾老师真胖</h1>')
//					 console.log(html)
//					获取纯文本内容
					 var txt = $(this).text()
//					 设置元素里面的文本内容 但是会覆盖元素里面原本的东西
					 $(this).text('哈哈哈哈哈')
					console.log(txt)
				})
				
				
//				获取焦点事件
				$('input').focus(function(){
//					获取value值
					var val = $(this).val()
//					设置value值
					$(this).val('1234567912')
					console.log(val)
				})
				
				
				
			})
		</script>
	</head>
	<body>
		
		<input type="text" name="txt" id="txt" value="电话号码" />
		<div class="box eee"  cc='dd' style="border:2px solid blue">
			
			<p>贾老师真帅</p>
		</div>
	</body>
</html>
